<template>
    <div  class="ep-submenus" >
        <ul class="ep-menus">
            <slot></slot>
        </ul>
    </div>
</template>

<script>

    export default {
        name: "ep-submenu",
        props: {
            width: {
                type: Number,
                default: 247
            }
        },
        created(){
        },
        computed:{
            // styles(){
            //     return {right:`-${this.width}px`}
            // }
        },
        data(){
            return {
                showPopper:false
            }
        }
    }
</script>

<style lang="scss">
    .ep-submenus {
        background: #ffffff;
        box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.5);
        border: none;
        box-sizing: border-box;
        border-radius: 0;
        display: none;
        position: absolute;
        min-width: 247px;
        padding: 20px 0;
        min-height: 410px;
        z-index: 1001;
        top: 0;
        margin-left: 100%;
        .ep-menus {
            list-style: none;
            padding: 0;
        }
    }
</style>
